<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="{{ROOT}}assets/css/ui.css" />
    <script src="{{ROOT}}assets/js/jquery.min.js"></script>
    <script src="{{ROOT}}assets/js/login.js"></script>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        html,
        body {
            height: 100%;
            width: 100%;
            display: flow-root;
        }

        .container {
            width: 308px;
        }
    </style>
</head>
<script>
    window.onpageshow = function (event) {
        if (event.persisted) {
            alert("ok");
            window.location.reload();
        }
    };
</script>
<body>
    <input type="hidden" id="refreshed" value="no" />
    <div class="container mx-auto text-center mb-4 mt-4">
        <svg height="48" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="48" data-view-component="true"
            class="octicon octicon-mark-github">
            <path fill-rule="evenodd"
                d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z">
            </path>
        </svg>
    </div>
    <div class="container mx-auto text-center mb-4 mt-4">
        <h3 class="f2-light">Sign in to GitHub-Demo</h3>
    </div>
    <div class="container mx-auto">
        <div class="Box mb-4">
            <form id="login-form" method="POST" action="login" class="color-bg-subtle">
                <div class="Box-body">
                    <div class="form-group">
                        <div class="form-group-header"><label>username</label></div>
                        <div class="form-group-body">
                            <input name="username" class="form-control color-bg-default" type="text" />
                        </div>
                    </div>
                    <div class="form-group mb-4">
                        <div class="form-group-header"><label>password</label></div>
                        <div class="form-group-body">
                            <input name="password" class="form-control color-bg-default" type="password" />
                        </div>
                    </div>
                    <button type="submit" id="login-btn" class="btn btn-primary btn-block">
                        <span default class="d-inline">Sign in</span>
                        <span loading class="d-none"><span>Loading</span><span class="AnimatedEllipsis"></span></span>
                    </button>
                </div>
            </form>
        </div>
        <div class="Box">
            <div class="Box-row clearfix">
                <p class="overflow-hidden pl-3">
                    New to GitHub? <a href="#url" class="Link">Create an account.</a>
                </p>
            </div>
        </div>
    </div>
</body>

</html>